<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客列表</title>

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blog_list.css">
</head>
<body>
    <div class="nav">
        <img src="img/logo1.jpg" alt="">
        <span class="title">我的博客系统</span>
        <!-- spacer不显示内容,占位 -->
        <div class="spacer"></div>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="#">注销</a>
    </div>

    <!-- 这个div表示页面的主区域(版心) -->
    <div class="container">
        <!-- 左侧内容区域 -->
        <div class="container-left">
            <!-- 用这个表示用户的信息 -->
            <div class="card">
                <!--用户头像-->
                <img src="img/logo3.jpg" alt="">
                <!-- 用户名字 -->
                <h3>啵啵虎的抽抽</h3>
                <a href="#">github地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <!-- 右侧内容区域 -->
        <div class="container-right">
            <!-- 每个.blog代表一篇博客 -->
            <div class="blog">
                <div class="title">我的第一篇博客</div>
                <div class="date">1992-5-4 00.00.00</div>
                <div class="desc">
                    边伯贤,艺名BAEK HYUN,1992年5月6日生于韩国京畿道富川市,韩国男歌手、演员,男子演唱组合EXO、EXO-K、EXO-CBX、SuperM成员。
                </div>
                <a href="blog_detail.html">查看全文 &gt;&gt;</a>
            </div>
            <div class="blog">
                <div class="title">我的第二篇博客</div>
                <div class="date">1993-2-23 00.00.00</div>
                <div class="desc">
                    都敬秀,艺名D.O.（包括两个大写字母和两个标点符号），曾用名都暻秀,1993年1月12日出生于韩国日山,韩国男歌手、演员。2012年2月15日,D.O.通过Teaser正式被公开;同年4月8日,作为组合EXO/EXO-K的成员出道,在组合中担任主唱、EXO-K第三领舞,擅长欧美R&B式唱腔。                
                </div>
                <a href="blog_detail.html">查看全文 &gt;&gt;</a>
            </div>
            <div class="blog">
                <div class="title">我的第三篇博客</div>
                <div class="date">1992-11-27 00.00.00</div>
                <div class="desc">
                    朴灿烈(박찬열、Park Chanyeol),1992年11月27日出生于韩国首尔,仁荷大学研究生在读,韩国男子演唱组合EXO、EXO-K、EXO-SC成员,韩国男歌手、演员。                
                </div>
                <a href="blog_detail.html">查看全文 &gt;&gt;</a>
            </div>
            <div class="blog">
                <div class="title">我的第四篇博客</div>
                <div class="date">1994-4-12 00.00.00</div>
                <div class="desc">
                    吴世勋（오세훈/Oh Se Hun),男,韩国国籍,1994年4月12日出生于韩国首尔特别市,韩国男歌手、演员,韩国男子流行演唱组合EXO及团内分队EXO-K和EXO-SC成员。                
                </div>
                <a href="blog_detail.html">查看全文 &gt;&gt;</a>
            </div>
            <div class="blog">
                <div class="title">我的第五篇博客</div>
                <div class="date">1994-10-24 00.00.00</div>
                <div class="desc">
                    郑秀晶(Krystal),1994年10月24日出生于美国加利福尼亚州旧金山,拥有韩国与美国双重国籍,韩国女歌手、演员,女子演唱组合f(x)成员。                
                </div>
                <a href="blog_detail.html">查看全文 &gt;&gt;</a>
            </div>
            <div class="blog">
                <div class="title">我的朋友</div>
                <div class="date">1997-12-20 00.00.00</div>
                <div class="desc">
                    舒平安，(PUBG,Shu Pingan),1997年12月20日出生于陕西省商洛市山阳县天竺山镇刘家沟村土桥组002号,毕业于陕西科技大学电气与控制工程学院自动化专业,目前就职于特变电工旗下天池能源有限责任公司新建电厂生产准备部二值,担任安全员一职,酷爱登山,旅游,电影,梦想拥有属于自己的一个幸福小家庭。                </div>
                <a href="blog_detail.html">查看全文 &gt;&gt;</a>
            </div>
        </div>
    </div>
    
</body>
</html>